@charset "utf-8";
/******************************************************

 概况：样式表入口文件
 
 ******************************************************/

/* 全局 */
@import 'main.css';

/* 活动专题头部 */
@import 'header_topic.css';

.banner{margin:0 auto;height:760px; background:url(../images/topic/moonlight/bg_01.png)center no-repeat;}
.banner a{ display:block; height:760px; width:100%;}

.main01-box{margin:0 auto;height:1051px; background:url(../images/topic/moonlight/bg_02.png)center no-repeat; }
.main01{ width:1200px; margin:0 auto;}
.main01 .kuang01{width:1200px; margin:0 auto;padding-top:20px; overflow:hidden;}
.main01 .column01{width: 740px; height:236px; margin:0 auto; float:left;}
.main01 .column01 .content{ float:left;width: 360px;}
.main01 .column01 img{ float:left;width: 380px; height:235px;}
.main01 .column02{width: 652px; height:236px; margin:0 auto; float:right; margin-top:120px;}
.main01 .column02 .content{ float:left;width: 270px;}
.main01 .column02 img{ float:left;width: 380px; height:235px;}
.main01 .kuang02{ width:1200px; margin:0 auto; margin-top:-40px;}
.main01 .column03{width:500px; height:236px; float:left;}
.main01 .column03 .content{ float:left; width:180px;}
.main01 .column03 img{ float:left; margin-left:180px;margin-top: -90px; width:350px; height:235px;}
.main01 .column04{width:550px; height:236px; float:right; overflow:hidden;padding-top: 98px;}
.main01 .column04 .content{ float:right; width:180px; margin-left:20px;}
.main01 .column04 img{ float:right; width:350px; height:235px;}

.main01 p{font-size: 21px;width: 270px; line-height:30px;font-weight:bold; margin-top:20px;}
.main01 font{ font-size:20px; color:#d0104b; line-height:80px;font-weight:bold;}
.main01 span{ background-color:#f31f56; padding:5px 20px;; border-radius:5px;font-size:24px; }
.main01 a{color:#FFF;}
 
 /*02*/
.main02-box{margin:0 auto;height:1210px; background:url(../images/topic/moonlight/bg_03.png)center no-repeat; }
.main02{ width:1200px; margin:0 auto;}
.main02 .column01{width:1020px; height:270px; margin:0 auto; padding-top:140px;}
.main02 .column02{width:1020px; height:270px; margin:0 auto; padding-top:110px;}
.main02 .title{ float:left;width:320px;margin-top:70px;}
.main02 .title .t-b{ float:left;width:320px; overflow:hidden; border-bottom:3px solid #666;}
.main02 .title .t-b i{ background:url(../images/topic/moonlight/buy.png) no-repeat; width:107px; height:74px; float:left; display:block;}
.main02 .title .t-b strong{ float:right;line-height:30px; padding-top:10px; font-weight:bold ;font-size:22px; width:200px; }
.main02 .title .simple{line-height:25px;font-size:16px; padding-top:10px; width:300px; color:#5d5c5a;}
.main02 .tu img{}
.main02 .tu .tu01{ width:380px; height:240px;}
.main02 .tu .tu02{ width:185px; height:129px; position:relative;top:150px; right:110px;}
.main02 .tu .tu03{width:157px; height:146px; margin-top:-100px; margin-left:80px;}
.main02 .tu .tu04{width:236px; height:140px; margin-top:-80px;}
.main02 .price{ float:right; margin-top:-150px;}
.main02 .price-02{ float:right; margin-top:-200px;}
.main02 .price-03{ float:right; margin-top:-210px;}
.main02 font{font-size:24px; color:#d0104b; line-height:80px;font-weight:bold; }
.main02 span{ background-color:#f31f56; padding:10px 35px; border-radius:5px;font-size:24px;}
.main02 a{ color:#fff;}


/*03*/
.main03-box{margin:0 auto;height:810px; background:url(../images/topic/moonlight/bg_04.png)center no-repeat; }
.main03{ width:1200px; margin:0 auto; }
.main03 .column01 { width:490px; margin:0 auto;padding-top:230px;}
.main03 .column01 .nav{ width:550px; margin:0 auto; margin-top:30px; overflow:hidden;}
.main03 .column01 .nav li{ float:left;}
.main03 .column01 .nav li a{ font-size:36px; font-weight:bold; color:#fff; padding:20px 10px; margin:20px;line-height:100px;}
.main03 .column01 .nav li a .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main03 .column01 .nav li a:hover ,.main03 .column01 .nav li .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main03 .column02{ width:1200px; margin:0 auto; padding-top:30px;}
.main03 .column02 .content01{ width:1250px; overflow:hidden;}
.main03 .column02 .content01 .zu01{ width:280px; height:370px; background-color:#ca5c5c; float:left; margin-left:10px;}
.main03 .column02 .content01 .zu01 img{ width:260px; height:276px; margin-left:10px; margin-top:10px;}
.main03 .column02 .content01 .box{font-weight:bold; color:#fff; width:260px; margin-left:10px; margin-top:10px;}
.main03 .column02 .content01 .box p{  font-size:18px; line-height:22px; height:42px; overflow:hidden; width:170px;}
.main03 .column02 .content01 .box span{ font-size:22px; padding-top:10px; width:150px; line-height:35px;}
.main03 .column02 .content01 .box img{ width:86px; height:65px; float:right; margin-top:-40px;}

/*04*/
.main04-box{margin:0 auto;height:767px; background:url(../images/topic/moonlight/bg_05.png)center no-repeat; }
.main04{ width:1200px; margin:0 auto; }
.main04 .column01 { width:490px; margin:0 auto;padding-top:130px;}
.main04 .column01 .nav{ width:550px; margin:0 auto; margin-top:30px; overflow:hidden;}
.main04 .column01 .nav li{ float:left;}
.main04 .column01 .nav li a{ font-size:36px; font-weight:bold; color:#fff; padding:20px 10px; margin:20px;line-height:100px;}
.main04 .column01 .nav li a .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main04 .column01 .nav li a:hover ,.main03 .column01 .nav li .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main04 .column02{ width:1200px; margin:0 auto; padding-top:30px;}
.main04 .column02 .content01{ width:1250px; overflow:hidden;}
.main04 .column02 .content01 .zu01{ width:280px; height:370px; background-color:#ca5c5c; float:left; margin-left:10px;}
.main04 .column02 .content01 .zu01 img{ width:260px; height:276px; margin-left:10px; margin-top:10px;}

.main04 .column02 .content01 .box{font-weight:bold; color:#fff; width:260px; margin-left:10px; margin-top:10px;}
.main04 .column02 .content01 .box p{  font-size:18px; line-height:22px; height:42px; overflow:hidden; width:170px;}
.main04 .column02 .content01 .box span{ font-size:22px; padding-top:10px; width:150px; line-height:35px;}
.main04 .column02 .content01 .box img{ width:86px; height:65px; float:right; margin-top:-40px;}


/*05*/
.main05-box{margin:0 auto;height:759px; background:url(../images/topic/moonlight/bg_06.png)center no-repeat; }
.main05{ width:1200px; margin:0 auto; }
.main05 .column01 { width:490px; margin:0 auto;padding-top:130px;}
.main05 .column01 .nav{ width:550px; margin:0 auto; margin-top:30px; overflow:hidden;}
.main05 .column01 .nav li{ float:left;}
.main05 .column01 .nav li a{ font-size:36px; font-weight:bold; color:#fff; padding:20px 10px; margin:20px;line-height:100px;}
.main05 .column01 .nav li a .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main05 .column01 .nav li a:hover ,.main03 .column01 .nav li .active{ background-color:#f8e7bf; border-radius:50%; color:#ca5c5c;}
.main05 .column02{ width:1200px; margin:0 auto; padding-top:30px;}
.main05 .column02 .content01{ width:1250px; overflow:hidden;}
.main05 .column02 .content01 .zu01{ width:280px; height:370px; background-color:#ca5c5c; float:left; margin-left:10px;}
.main05 .column02 .content01 .zu01 img{ width:260px; height:276px; margin-left:10px; margin-top:10px;}


.main05 .column02 .content01 .box{font-weight:bold; color:#fff; width:260px; margin-left:10px; margin-top:10px;}
.main05 .column02 .content01 .box p{  font-size:18px; line-height:22px; height:42px; overflow:hidden; width:170px;}
.main05 .column02 .content01 .box span{ font-size:22px; padding-top:10px; width:150px; line-height:35px;}
.main05 .column02 .content01 .box img{ width:86px; height:65px; float:right; margin-top:-40px;}

.bottom-box{ margin:0 auto;height:1143px; background:url(../images/topic/moonlight/bg_07.png)center no-repeat;}












